<template>
  <div class="list">
    <aside>
        <p>管理员名单</p>
        <table cellpadding="0" cellspacing="0"  >
            <tr>
                <th>工号</th>
                <th>姓名</th>
                <th>联系方式</th>
                <th>邮箱</th>
            </tr>
            <tr v-for="item in User" :key="item">
                <td>{{item.uid}}</td>
                <td>{{item.username}}</td>
                <td>{{item.tel}}</td>
                <td>{{item.email}}@</td>
            </tr>
        </table>
    </aside>
  </div>
</template>

<script setup>
import LoginUser from '@/assets/data';

const User = LoginUser.LoginUser;


</script>

<style scoped>
.list{
    width: 100%;
}
.list p{
    color: darkcyan;
}
.list table{
    width: 80%;
    border: 1px darkcyan solid;
}
.list table th{
 border: 1px darkcyan solid;
}
.list table td{
 border: 1px darkcyan solid;
 text-align: center;
}
.list aside{
    margin-top: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
</style>